$cjBlue: #0090ff;
.body {
  background-color: #f1f1f1;
  font-size: 30px;
  color: #444;
}
a {
  text-decoration: none;
  color: inherit;
}
.goods-title {
  margin: 70px 0 50px;
  display: flex;
  line-height: 1;
  justify-content: center
}

.goods-title_line {
  box-sizing: border-box;
  width: 160px;
  border-top: 1px solid $cjBlue;
  transform: translateY(50%);
  flex: none
}

.goods-title_name {
  flex: 0 1 160px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.goods-content{
  display: flex;
  flex-wrap: wrap;
  padding:0 20px;
}

.activity-content {
  font-size: 30px;
  color: #444;
  padding: 40px 0;
  .current-activity, .over-activity{
    position:relative;
    text-align: center;
  }
  .current, .over {
    margin: 0 30px;
  }
  .goods-list {
    margin: 40px auto 0;
    .goods-item {
      float: left;
      width: 48.5%;
      position: relative;
      background: #fff;
      border-radius: 6px;
      .activity_img {
        display: block;
        width: 335px;
        height: 170px;
      }
      .goods-info {
        padding: 30px;
        .activity-time {
          margin: 20px 0 30px;
          font-size: 24px;
          color:#999;
        }
        .detail-btn {
          display: block;
          line-height: 70px;
          text-align: center;
          color:$cjBlue;
          border: 1px solid $cjBlue;
          border-radius: 6px;
        }
      }
    }
    .goods-item:nth-child(even) {
      float: right;
    }
  }
  .over {
    margin-top: 82px;
    .img-content {
      position: relative;
      .finish {
        width: 113px;
        height: 100px;
        position: absolute;
        bottom: -8px;
        right: 0;
      }
      .shade {
        width: 100%;
        height: 170px;
        background: rgba(0, 0, 0, .3);
        position: absolute;
        border-radius: 6px;
        top: 0;
        left: 0;
      }
    }
  }
  .post-activity {
    background: #fff;
    margin: 30px;
    padding: 40px 40px 60px;
    border-radius: 6px;
    .title {
      font-size: 36px;
      color: #666;
      margin-bottom: 50px;
      text-align: center;
    }
    .form-group {
      label {
        display: inline;
      }
      .form-control {
        color: #999;
        border-color: #b2e8ff;
      }
    }
    .choose-type {
      h4 {
        font-size: 36px;
        color: #666;
      }
      .template-content {
        overflow-x: scroll;
        margin-top: 20px;
        .template-list {
          width: 900px;
          height: 140px;
          .template-item {
            float: left;
            width: 140px;
            height: 140px;
            background: #d4f2ff;
            border-radius: 6px;
            margin-right: 10px;
            z-index: -1;
          }
        }
      }
    }
    .add-btn, .cancel-btn {
      text-align: center;
      border-radius: 6px;
      margin-top: 28px;
      font-size: 44px;
      /*width: 290px;*/
      width: 48%;
      /*height: 100px;*/
      line-height: 100px;
    }
    .add-btn {
      float: left;
      color: #fff !important;
      box-shadow: 0 0 10px 5px #c8e3fc;
      background: linear-gradient(to bottom right, #11b7ff, #009cff) no-repeat;
    }
    .cancel-btn {
      float: right;
      color: #999 !important;
      box-shadow: 0 0 10px 5px #f4f4f4;
      background: linear-gradient(to bottom right, #eee, #ddd) no-repeat;
    }
  }
  .post-activity:after {
    content: '';
    display: block;
    clear: both;
  }
}